// 车辆信息
<template>

<div class="car-info">

    <Row :gutter='10'>
        <Col :span='item.span' v-for='(item, index) of conf' :key='index'>
            <div class="item">
                <c-form-readonly-block :data='data' :label='item.label' :keys='item.keys'></c-form-readonly-block>
            </div>
        </Col>
    </Row>

</div>

</template>

<script lang='ts'>
import { Component, Prop, Watch, Vue } from 'vue-property-decorator'


@Component({})
export default class carInfo extends Vue{
    name:string = 'car-info'

    @Prop()
    data

  
    conf = [
        
         {
            label: '车辆型号',
            span: 8,
            keys: ['DEVmodel'],
        },
        {
            label: '车架号',
            span:  8,
            keys: ['DEVvin']
        },
        {
            label: '车牌号',
            span: 8,
            keys: ['DEVplateNo']
        },
        {
            label: '车型类型',
            span: 8,
            keys: ['DEVcategory']
        },
        {
            label: '发动机号',
            span: 8,
            keys: ['DEVengineNo']
        },
        {
            label: '车辆归属',
            span: 8,
            keys: ['DEVvehicleManagerArea']
        },
        {
            label: '初登日期',
            span: 8,
            keys: ['datePicker']
        },
        {
            label: '是否过户',
            span: 8,
            keys: ['DEVisTransfered']
        },
        {
            label: '过户日期',
            span: 8,
            keys: ['DEVtransferedAt']
        },
        {
            label: '营运',
            span: 8,
            keys: ['DEVisCommercialUsage']
        },
        {
            label: '能源类型',
            span: 8,
            keys: ['DEVenergyType']
        },
        {
            label: '车型ID',
            span: 8,
            keys: ['DEVvehicleId']
        },
        {
            label: '车身价[元]',
            span: 8,
            keys: ['DEVprice']
        },
        {
            label: '整备质量',
            span: 8,
            keys: ['DEVweight']
        },
        {
            label: '排量[升]',
            span: 8,
            keys: ['DEVengineCapacity']
        },
        {
            label: '载重[吨]',
            span: 8,
            keys: ['DEVtonnages']
        },
        {
            label: '座位[位]',
            span: 8,
            keys: ['DEVseats']
        }
        
        
    ]
    
    
}


</script>

<style scoped lang='scss'>
 .item{
        margin-top: _intervals(2);
}

</style>